"use client"

import { LifeBuoy, Send } from "lucide-react"

import {
   Sidebar,
   SidebarContent,
   SidebarGroup,
   SidebarGroupContent,
   SidebarGroupLabel,
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
   SidebarProvider,
} from "~/registry/miami/ui/sidebar"

export default function AppSidebar() {
   return (
      <SidebarProvider>
         <Sidebar>
            <SidebarContent>
               <SidebarGroup>
                  <SidebarGroupLabel>Help</SidebarGroupLabel>
                  <SidebarGroupContent>
                     <SidebarMenu>
                        <SidebarMenuItem>
                           <SidebarMenuButton>
                              <LifeBuoy />
                              Support
                           </SidebarMenuButton>
                        </SidebarMenuItem>
                        <SidebarMenuItem>
                           <SidebarMenuButton>
                              <Send />
                              Feedback
                           </SidebarMenuButton>
                        </SidebarMenuItem>
                     </SidebarMenu>
                  </SidebarGroupContent>
               </SidebarGroup>
            </SidebarContent>
         </Sidebar>
      </SidebarProvider>
   )
}
